<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <div class="box">
      <div class="biaoge">
        <div class="input">
          <i>姓名</i>
          <input
            type="text"
            name=""
            id=""
            class="radiu name"
            placeholder="请输入姓名"
          />
          <i>评分</i>
          <input
            type="text"
            name=""
            id=""
            class="radiu pingfen"
            placeholder="请输入评分"
          />
          <i>薪资</i>
          <input
            type="text"
            name=""
            id=""
            class="radiu xinzi"
            placeholder="请输入薪资"
          />
          <button class="radiu">添加</button>
        </div>
        <div class="tab">
          <table class="radiu">
            <thead>
              <th>姓名</th>
              <th>评分</th>
              <th>薪资</th>
            </thead>
            <tbody>
              <!-- <tr>  
   <td>1</td>
   <td>2</td>
   <td>3</td>
  </tr>
  <tr>  
    <td>1</td>
    <td>2</td>
    <td>3</td>
   </tr>
   <tr>  
    <td>1</td>
    <td>2</td>
    <td>3</td>
   </tr>
   <tr>  
    <td>10</td>
    <td>20</td>
    <td>30</td>
   </tr> -->
            </tbody>
          </table>
        </div>
      </div>
      <div class="tubiao">
        <div class="boxpf"></div>
        <div class="boxxz"></div>
      </div>
    </div>

    <script src="./js/jquery-3.6.0/jquery-3.6.0.js"></script>
    <script src="./js/echarts-5.1.2/dist/echarts.js"></script>
    <script src="./js/index.js"></script>
  </body>
</html>
